﻿@{
    Layout = "~/Areas/NewAdmin/Views/Shared/_Layout.cshtml";
}
<div class="fluid">
    <form id="usualValidate" class="main" method="post" action="">
        <fieldset>
            <div class="widget">
                <div class="whead">
                    <h6>Usual form validation</h6>
                </div>
                <div class="formRow">
                    <div class="grid3">
                        <label>Usual field:<span class="req">*</span></label></div>
                    <div class="grid9">
                        <input type="text" class="required" name="firstname" id="firstname" /></div>
                </div>
                <div class="formRow">
                    <div class="grid3">
                        <label>With minimum chars:<span class="req">*</span></label></div>
                    <div class="grid9">
                        <input type="text" class="required" name="minChars" id="minChars" /></div>
                </div>
                <div class="formRow">
                    <div class="grid3">
                        <label>With maximum chars:<span class="req">*</span></label></div>
                    <div class="grid9">
                        <input type="text" class="required" name="maxChars" id="maxChars" /></div>
                </div>
                <div class="formRow">
                    <div class="grid3">
                        <label>With minimum num:<span class="req">*</span></label></div>
                    <div class="grid9">
                        <input type="text" class="required" name="mini" id="mini" /></div>
                </div>
                <div class="formRow">
                    <div class="grid3">
                        <label>With maximum num:<span class="req">*</span></label></div>
                    <div class="grid9">
                        <input type="text" class="required" name="maxi" id="maxi" /></div>
                </div>
                <div class="formRow">
                    <div class="grid3">
                        <label>With range:<span class="req">*</span></label></div>
                    <div class="grid9">
                        <input type="text" class="required" name="range" id="range" /></div>
                </div>
                <div class="formRow">
                    <div class="grid3">
                        <label>Email field:<span class="req">*</span></label></div>
                    <div class="grid9">
                        <input type="text" class="required" name="emailField" id="emailField" /></div>
                </div>
                <div class="formRow">
                    <div class="grid3">
                        <label>URL field:<span class="req">*</span></label></div>
                    <div class="grid9">
                        <input type="text" class="required" name="urlField" id="urlField" /></div>
                </div>
                <div class="formRow">
                    <div class="grid3">
                        <label>Date field:<span class="req">*</span></label></div>
                    <div class="grid9">
                        <input type="text" class="required" name="dateField" id="dateField" /></div>
                </div>
                <div class="formRow">
                    <div class="grid3">
                        <label>Digits only:<span class="req">*</span></label></div>
                    <div class="grid9">
                        <input type="text" class="required" name="digitsOnly" id="digitsOnly" /></div>
                </div>
                <div class="formRow">
                    <div class="grid3">
                        <label>Custom error message:<span class="req">*</span></label></div>
                    <div class="grid9">
                        <input type="text" class="required" name="customMessage" id="customMessage" /></div>
                </div>
                <div class="formRow">
                    <div class="grid3">
                        <label>Enter password:<span class="req">*</span></label></div>
                    <div class="grid9">
                        <input type="text" class="required" name="enterPass" id="enterPass" /></div>
                </div>
                <div class="formRow">
                    <div class="grid3">
                        <label>Repeat password:<span class="req">*</span></label></div>
                    <div class="grid9">
                        <input type="text" class="required" name="repeatPass" id="repeatPass" /></div>
                </div>
                <div class="formRow">
                    <div class="grid3">
                        <label>Something from checks:<span class="req">*</span></label></div>
                    <div class="grid9">
                        <input type="checkbox" id="agree" name="agree" class="required check" /><label for="agree">Accept terms?</label></div>
                </div>
                <div class="formRow">
                    <input type="submit" value="Submit" class="buttonM bBlack formSubmit" /></div>
            </div>
        </fieldset>
    </form>
</div>
